<template>
  <div>
    <headpage username="返回" routername="warehouse_management"></headpage>
    <div style="padding:10px;">
      <table class="table table-striped table-hover table-bordered">
        <thead>
          <tr class="success">
            <th>名称</th>
            <th>价格</th>
            <th>数量</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="(item,index) in list" :key="index">
            <td>{{item.name}}</td>
            <td>{{item.price}}</td>
            <td>{{item.number}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
  import headpage from"./headpage.vue"
  export default{
    name:"warehouse",
    components:{
      headpage
    },
    data(){
      return{
        list:[],
      }
    },
    mounted(){
      var k=this.$route.params.address
      var url=this.HOST+k
      this.$axios.get(url).then(
      res=>{
        this.list=res.data.data
      },err=>{
        console.log(err)
      })
    }
  }
</script>

<style>
</style>
